@media screen and (min-width: 1200px) {
  .join {
    &-bg {
      height: 450px;
    }
    .content {
      max-width: 1200px;
      margin: 50px auto;
      .subtitle {
        font-size: 36px;
      }
    }
    .list {
      margin: 30px 0;
      :deep(.el-card__body) {
        padding: 10px 20px;
      }
      .item {
        &-title {
          width: 200px;
          font-size: 18px;
          font-weight: bold;
        }
        .desc {
          padding: 20px 0;
        }
      }
    }
  }
}
